$(document).ready(function() {
  $(".swiper_container").slick({
    arrows: false,
    dots: true,
    infinite: true,
    speed: 300,
    autoplay: true,
    autoplaySpeed: 2000,
    accessibility: true
  });

  $("#bar_arrow_show").hide();
  $("#bar_arrow").show();

  // $(".submenu_view").hide();
  // $(".search_kind_submenu_view").hide();
  // $(".money_submenu_view").hide();
  // $(".lng_submenu_view").hide();
  // $(".bar_service_alert_view").hide();
  // $(".bar_mobile_alert_view").hide();
  // $(".bar_call_alert_view").hide();
  // $(".bar_msg_alert_view").hide();
  // $(".bar_qrcode_alert_view").hide();

  $(".money_menu").mouseover(function() {
    $(".money_submenu_view").css("display", "flex");
  });
  $(".lng_menu").mouseover(function() {
    $(".lng_submenu_view").css("display", "flex");
  });

  $(".money_menu").mouseout(function() {
    $(".money_submenu_view").css("display", "none");
  });
  $(".lng_menu").mouseout(function() {
    $(".lng_submenu_view").css("display", "none");
  });

  $(".search_kind_view").mouseover(function() {
    $(".search_kind_submenu_view").css("display", "flex");
    const list = $(".search_kind_submenu");
    for (let index = 0; index < list.length; index++) {
      const item = list[index];
      const firstUpper = ReplaceFirstUper(item.innerHTML)
      item.innerHTML = firstUpper
      console.log(firstUpper);
    }
  });

  function ReplaceFirstUper(str) {
    str = str.toLowerCase();
    return str.replace(/\b(\w)|\s(\w)/g, function(m) {
      return m.toUpperCase();
    });
  }

  $(".search_kind_view").mouseout(function() {
    $(".search_kind_submenu_view").css("display", "none");
  });

  // $(".meun").mouseover(function() {
  //   $(".submenu_view").show();
  // });
  // $(".meun").mouseout(function() {
  //   $(".submenu_view").hide();
  // });

  $(".money_submenu").click(function() {
    $(".money_submenu_view").hide();
    $(this)
      .parent()
      .prev()
      .children(".setting_txt")
      .html($(this).html());
  });
  $(".lng_submenu").click(function() {
    $(".lng_submenu_view").hide();
    $(this)
      .parent()
      .prev()
      .children(".setting_txt")
      .html($(this).html());
  });

  $(".search_kind_submenu").click(function() {
    $(".search_kind_submenu_view").hide();
    $(this)
      .parent()
      .parent()
      .children(".search_kind_txt")
      .html($(this).html());
  });

  // $(".search_kind_submenu").click(function() {
  //   $(".submenu_view").hide();
  // });

  $(".toolbar_view").mouseover(function() {
    $("#bar_arrow_show").show();
    $("#bar_arrow").hide();
  });
  $(".toolbar_view").mouseout(function() {
    $("#bar_arrow_show").hide();
    $("#bar_arrow").show();
  });

  $("#toolbar_service").mouseover(function() {
    $(".bar_service_alert_view").css("display", "flex");
  });
  $("#toolbar_service").mouseout(function() {
    $(".bar_service_alert_view").css("display", "none");
  });

  $("#toolbar_mobile").mouseover(function() {
    $(".bar_mobile_alert_view").css("display", "flex");
  });
  $("#toolbar_mobile").mouseout(function() {
    $(".bar_mobile_alert_view").css("display", "none");
  });

  $("#toolbar_call").mouseover(function() {
    $(".bar_call_alert_view").css("display", "flex");
  });
  $("#toolbar_call").mouseout(function() {
    $(".bar_call_alert_view").css("display", "none");
  });

  $("#toolbar_msg").mouseover(function() {
    $(".bar_msg_alert_view").css("display", "flex");
  });
  $("#toolbar_msg").mouseout(function() {
    $(".bar_msg_alert_view").css("display", "none");
  });

  $("#toolbar_qrcode").mouseover(function() {
    $(".bar_qrcode_alert_view").css("display", "flex");
  });
  $("#toolbar_qrcode").mouseout(function() {
    $(".bar_qrcode_alert_view").css("display", "none");
  });
  let windowWidth = $(window).width();
  if (windowWidth < 480) {
    $(".search_view_p").show();
    $(".search_view").hide();
    $(".setting_p").show();
    $(".setting").hide();
  } else {
    $(".search_view_p").hide();
    $(".search_view").show();
    $(".setting_p").hide();
    $(".setting").show();
  }
});
$(window).resize(function() {
  let windowWidth = $(window).width();
  if (windowWidth < 480) {
    $(".search_view_p").show();
    $(".search_view").hide();
    $(".setting_p").show();
    $(".setting").hide();
  } else {
    $(".search_view_p").hide();
    $(".search_view").show();
    $(".setting_p").hide();
    $(".setting").show();
  }
});
